#menuBar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4em;
	background: #15335c;
	display: flex;
	flex-direction: column;
}
#menuBar>.title {
	height: 4em;
	text-align: center;
}
#menuBar>.title .trigger {
	font-size: 2em;
	color: #2fc108;
	line-height: 2em;
}
#menuBar>.title a.trigger.pin i {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	color: white;
}
#menuBar>ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}
#menuBar>ul>li {
	text-align: center;
	padding: 0.5em 0;
}
#menuBar>ul>li>a {
	color: white;
	line-height: 2em;
	font-size: 1.5em;
	padding: 0.3em;
	border-radius: 0.1em;
}
#menuBar>ul>li>a.selected {
	background: #fcb95b;
}
#menuBar>ul>li>a:not(.selected):hover {
	color: #ffe40a
}

body.hideShortcuts #menuBar {
	display: none;
}

#body {
	position: relative;
	margin-left: 4em;
	height: 100%;
	min-width: 1220px;
	display: flex;
	flex-flow: column;
}
body.hideShortcuts #body {
	margin: 0
}

#areaContainer {
	position: relative;
	flex: 1;
}

#mainContainer #sideBar {
	width: 0;
	overflow: visible;
	background: #f7f9fb;
}

#mainContainer #sideBar #menuContainer {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#mainContainer.slideMenu #sideBar {
	z-index: 2;
	display: none;
}
#mainContainer.slideMenu>.wissplitter_handler {
	display: none;
}
#mainContainer.slideMenu #area {
	left: 0!important;
}
#mainContainer:not(.slideMenu) #area .menuGrab {
	display: none;
}
#mainContainer.slideMenu #area .menuGrab {
	display: block;
}
#mainContainer>.wissplitter_handlerHover {
	background: transparent;
}

#mainContainer #area {
	background-image: linear-gradient(-180deg, #03a1e1 0%, #01415b 100%);
}

#mainContainer #area #mainBody {
	position: relative;
	height: 100%;
	display: flex;
	flex-flow: column;
}

.project_tabs {
	padding: 0;
}
.project_tabs.ui-tabs .ui-tabs-nav li {
	margin: 0;
}
.project_tabs .ui-state-active a,
.project_tabs .ui-state-active a:link,
.project_tabs .ui-state-active a:visited {
	text-decoration: none;
}

.project_tabs .ui-tabs-nav li {
	border-color: transparent;
	background: transparent;
}
.project_tabs .ui-tabs-nav li a {
	color: white;
}


.project_tabs .ui-tabs-nav li.ui-tabs-active {
	background: white;
	--z-index: 1;
}
.project_tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #222;
	position: relative;
}

.project_tabs .js_panel_switch {
	position:absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: .7;
	bottom: 0;
	padding: .3em 10px 0;
}

.project_tabs .js_panel_videoSwitch {
	position: absolute;
	top: 0;
	text-align: center;
	opacity: .7;
	bottom: 0;
	right: 40px;
	padding: 0.3em 10px 0;
}

.project_tabs .js_panel_switch:hover, .project_tabs .js_panel_videoSwitch:hover {
	opacity: 1;
}

.project_tabs .js_panel_switch.disabled,
.project_tabs .js_panel_switch.disabled:hover,
.project_tabs .js_panel_videoSwitch.disabled,
.project_tabs .js_panel_videoSwitch.disabled:hover{
	opacity: 0
}

.project_tabs .js_panel_switch i, .project_tabs .js_panel_videoSwitch i {
	font-size: 1.5em;
	color: white;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
}

.project_tabs .ui-tabs-nav {
	border: 0;
	white-space: nowrap;
	min-height: 28px;
	position: relative;
	background: transparent;
	display: flex;
	flex-wrap: wrap;
}

.project_tabs .ui-tabs-nav .menuGrab {
	float: left;
	color: #fefefe;
	font-size: 1.8em;
	margin-right: 5px;
}

.project_tabs .ui-tabs-nav .menuPin {
	float: left;
	color: #fefefe;
	font-size: 1.8em;
	margin-right: 5px;
}

.project_tabs .ui-tabs-nav li>a>span.ui-icon {
	position: absolute;
	top: 0;
	right: -2px;
	cursor: pointer;
	display: none;
	opacity: .6;
}
.project_tabs .ui-tabs-nav li>a:hover>span.ui-icon {
	display: block;
}
.project_tabs .ui-tabs-nav li>a>span.ui-icon:hover {
	opacity: 1;
}


#mainContainer.locked .project_tabs .ui-tabs-nav li>a>span.ui-icon {
	opacity: 0;
	cursor: default;
}

#mainContainer.locked .project_tabs .ui-tabs-nav li:not(.ui-tabs-active)>a {
	cursor: not-allowed
}

.project_tabs .ui-tabs-nav .ui-tabs-anchor:hover .ui-icon-close {
	display: block;
}

.project_tabs .ui-tabs-panel .error {
	margin: 30px;
	color: red;
	font-size: 24pt;
	padding-left: 80px;
	min-height: 65px;
}

.project_tabs .ui-tabs-panel {
	padding: 0;
	position: relative;
	overflow: hidden !important;
	background: white;
	font-size: 12px;
}

.project_tabs .ui-tabs-panel>iframe {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.ui-tabs-nav-arrows .ui-state-default.ui-tabs-arrow-next,
.ui-tabs-nav-arrows .ui-state-default.ui-tabs-arrow-previous {
	border: 0;
}

#_clipCopyTA {
	position: fixed;
	top: 0;
	right: 0;
	width: 1em;
	height: 1em;
	border: 0;
	outline: none;
	padding: 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
}

#webbar {
	position: absolute;
	left: 0;
	top: 4em;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #333;
	z-index: 1;
	height: 2em;
}

#webmenu {
	list-style: none;
	height: 2em;
	padding: 0 0 0 5px;
}

#webmenu li:hover>a.menu {
	background: #4698ca;
	border-top: 1px solid #5db1e0;
	border-left: 1px solid #5db1e0;
}

#webmenu>li {
	float: left;
}

#webmenu li {
	position: relative;
}

#webmenu a.menu {
	float: left;
	display: block;
	padding: 0 20px;
	height: 2em;
	line-height: 2em;
	background: #333;
	border-top: 1px solid #4a4a4a;
	border-left: 1px solid #4a4a4a;
	border-bottom: 1px solid #242424;
	border-right: 1px solid #242424;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

#webmenu .submenu {
	position: absolute;
	display: none;
}
#webmenu .submenu a.menu {
	float: none;
	padding: 0 38px 0 15px;
}

#webmenu .falldown {
	padding: 0;
	list-style: none;
	top: 30px;
	left: 0;
}

#webmenu .slideright {
	padding: 0;
	list-style: none;
	top: 0;
	left: 0;
}

header #mainMarquee {
	background-color: #FFFCDF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	width: 100%;
	height: 2em;
	margin-top: -1px;
	position: absolute;
	left: 0;
	top: 4em;
	min-width: 1200px;
	overflow: hidden;
	display: none;
}

header #mainMarquee>a {
	float: left;
	margin: 5px 10px 0 5px;
	background-color: #FFFCDF;
	z-index: 1;
}

header #mainMarquee .flyerbox {
	position: relative;
	margin-left: 2px;
	height: 2em;
	white-space: nowrap;
	overflow: hidden;
}

header #mainMarquee .flyerbox a {
	padding-left: 2px;
	padding-right: 60px;
	background-size: 28px;
	display: inline-block;
	color: #444;
	white-space: nowrap;
	line-height: 2em;
}
header #mainMarquee .flyerbox a>i {
	font-size: 140%;
	font-weight: bolder;
	color: #008000;
	margin-right: 8px;
	margin-top: 3px;
}
header #mainMarquee .flyerbox a>span {
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
}

header #mainMarquee .flyerbox a.priority,
header #mainMarquee .flyerbox a.priority>i {
	color: red;
}

#mainMarquee.top {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	background: #15345c;
}
#mainMarquee.top .flyerbox {
	height: 2em;
}
#mainMarquee.top  .flyerbox a {
	line-height: 2em;
	color: #faf8fb;
	padding-left: 2px;
	padding-right: 60px;
	background-size: 28px;
	display: inline-block;
	white-space: nowrap;
}
#mainMarquee.top  .flyerbox a b {
	font-weight: normal;
	text-shadow: 1px 2px 3px rgba(255, 255, 255, .5)
}
#mainMarquee.top  .flyerbox a>i {
	color: #5ed739;
	margin-right: 8px;
}
#mainMarquee.top  .flyerbox a>span {
	display: inline-block;
}
#mainMarquee.top  .flyerbox a.priority,
#mainMarquee.top  .flyerbox a.priority>i {
	color: #fd3727
}
#mainMarquee.top  .flyerbox a.priority>i.fa-comment-alt:before {
	content: '\f06d';
	font-family: Font Awesome\ 5 Pro;
	font-weight: 900
}


#mainContainer.woa {
	min-width: 0;
}

#mainContainer #quickView>div {
	display: flex;
	flex-flow: column;
}
#mainContainer #quickView #qv_title {
	padding: 10px 0 5px 10px;
}
#mainContainer #quickView #qv_title a.pin {
	color: #179457;
	font-size: 1.2em;
}
#mainContainer #quickView #qv_body {
	flex: 1;
	top: 0;
	left: 0;
	position: relative;
}

#mainBody .banner-dmp {
	position: absolute;
	left: 40%;
	top: 50%;
	margin-left: -400px;
	margin-top: -200px;
	right: 0;
	bottom: 0;
}
#mainBody .banner-row {
	position: relative;
	transform-style: preserve-3d;
	transition: all .15s ease-out;
}
@keyframes re-banner-slide-80 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
#mainBody .banner-dmp .layer {
	position: absolute;
	-webkit-animation: re-banner-slide-80 .8s cubic-bezier(.4,0,.2,1) 0s 1;
	animation: re-banner-slide-80 .8s cubic-bezier(.4,0,.2,1) 0s 1;
}
#mainBody .banner-dmp .layer>img {
	width: 800px;
}
#mainBody .banner-dmp .layer.tip {
	color: white;
	top: 2em;
	right: 2em;
}

.js_frame_masker {
	opacity: .1;
	background: black;
	z-index: 6
}

#g_ringingDialog {
	position: absolute;
	border-radius: 5px;
	background: white;
	padding: 20px;
	box-shadow: 0 0 5px 2px green;
	display: none;
}

#g_ringingDialog .ani {
	font-size: 36px;
	font-weight: bolder;
	text-align: center;
	color: red;
	padding: 5px 10px;
	box-shadow: 0px 0px 1px 1px green inset; border-radius : 3px;
	display: block;
	border-radius: 3px;
	min-width: 320px;
	height: 1.45em
}

#g_ringingDialog .answer {
	padding: 10px 0;
	display: block;
}

#g_ringingDialog .answer_process.ui-corner-all {
	position: relative;
	border-radius: 14px;
}

#g_ringingDialog .answer_process .label {
	position: absolute;
	right: 5px;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

#g_ringingDialog .answer_process .ui-widget-header {
	background: url("");
	opacity: .25;
}

#g_ringingDialog .btns {
	margin: 10px 0;
	text-align: center;
}

#g_ringingDialog .btns button {
	padding: 10px 35px;
	font-size: 18px;
	margin: 0 5px;
}

#elitePopupContainer {
	position: absolute;
	right: 3px;
	top: 60px;
	/*bottom: 0;*/
	z-index: 3000;
	/*overflow-y: auto !important*/
}
#elitePopupContainer .elitePopup {
	position: relative;
	min-width: 200px;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	margin-top: 10px;
}
#elitePopupContainer .elitePopup .title {
	padding: 6px 10px 2px;
	border-bottom: 1px solid #eaeaea;
	font-weight: 700;
}
#elitePopupContainer .elitePopup .title>span {
	padding-left: 6px;
}
#elitePopupContainer .elitePopup .js_close {
	position: absolute;
	top: 7px;
	right: 5px;
}
#elitePopupContainer .elitePopup .blue {
	color: #0080ff
}
#elitePopupContainer .elitePopup .red,
#elitePopupContainer .elitePopup .inner.red .js_msg {
	color: #e22414
}
#elitePopupContainer .elitePopup .inner {
	padding: 0px;
	color: #444;
}
#elitePopupContainer .elitePopup .inner .js_msg {
	padding: 8px 10px;
	border-top: 1px dotted #d5d5d5;
}
#elitePopupContainer .elitePopup .inner .js_msg:FIRST-CHILD {
	border: 0;
}

#elitePopupContainer .elitePopup.gf {
	background: #fff;
}
#elitePopupContainer .elitePopup.gf .title {
	margin-top: 8px;
	border-bottom: 0px solid #eaeaea;
}
#elitePopupContainer .elitePopup.gf .js_close {
	color: #a6a6a6;
	margin-top: 10px;
	margin-right: 5px;
}
#elitePopupContainer .elitePopup.gf .warn {
	color: #339966
}
#elitePopupContainer .elitePopup.gf .info {
	color: #e62e00
}
#elitePopupContainer .elitePopup.gf .error {
	color: #ff9900
}
#elitePopupContainer .elitePopup.gf .inner .eliteBtn{
	display: flex;
	justify-content: flex-end;
	margin-right: 12px;
	margin-bottom: 17px;
}
#elitePopupContainer .elitePopup.gf .inner .eliteBtn .js_cancel{
	color: rgb(53,52,53);
	font-size: 8px;
	cursor: pointer;
}
#elitePopupContainer .elitePopup.gf .inner .eliteBtn .js_certain{
	margin-left: 20px;
	color: rgb(88,188,167);
	font-size: 8px;
	cursor: pointer;
}
#elitePopupContainer .elitePopup.gf .inner .msgbox_margin {
	margin-left: 20px;
}
#elitePopupContainer .elitePopup.gf .inner .js_msg {
	margin-bottom: 8px;
	font-size: 10px;
	width: 224px;
	white-space: normal;
}

#chatPanel {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: none;
}

#chatPanel .chatCloak {
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

#chatPanel .chatCloak .chatClockTip i {
	display: inline-block;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#chatPanel .videoChat {
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;
}

audio#jobAlert {
	display: none;
}

.dyn_nav>.info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#launcherDialog .shortcuts {
	border: 1px solid #ccc;
	flex: 1;
	padding: 0;
	list-style-type: none;
	overflow: auto
}
#launcherDialog .shortcuts>li {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	padding: 5px 70px 5px 0;
	position: relative;
}
#launcherDialog .shortcuts>li>* {
	vertical-align: middle;
}
#launcherDialog .shortcuts>li span.icon {
	font-size: 1.2em;
	margin-right: 5px;
}
#launcherDialog .shortcuts>li:hover {
	background: #f4f5f9;
}
#launcherDialog .shortcuts>li .item-actions {
	position: absolute;
	right: 0;
	top: .5em;
}
#launcherDialog .shortcuts>li .edit,
#launcherDialog .shortcuts>li .rm {
	margin-left: 5px;
	font-size: 1.2em;
}
#launcherDialog .actions {
	padding: 50px 8px;
	font-size: 3em;
}
#launcherDialog .menutree {
	border: 1px solid #ccc;
	flex: 1;
}

#uicfgDialog ul {
	list-style-type: none;
	padding:0
}
#uicfgDialog li {
	padding: 5px;
}
#uicfgDialog li>* {
	vertical-align: middle;
}
#uicfgDialog select {
	width: 200px;
}
#uicfgDialog span.title {
	width: 6em;
	display: inline-block;
}

#eliteConsole {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	display: none;
}

#eliteConsole .content {
	padding: 10px;
}

#eliteConsole .content>span {
	display: block;
	color:#444;
}
#eliteConsole .content>ul {
	display: block;
	color: #777;
	margin: 0;
	padding: 0 0 10px 20px;
	list-style-type: none;
}

#eliteConsole .content input {
	width: 400px;
}
#eliteConsole .title {
	padding: 8px;
	font-size: 12pt;
	background: #821515;
	color: white;
}
#eliteConsole .title a {
	position: absolute;
	right: 10px;
	top: 4px;
	opacity: .6;
	color: white;
	text-decoration: none;
	font-size: 18pt;
}
#eliteConsole .title a:hover {
	opacity: 1
}
#eliteConsole ul.history {
	flex: 1
}

.wonode_detail {
	padding: 10px 10px 7px;
}

.wonode_detail .handleByField, .wonode_detail .handleDateField{
	display: inline-block;
	width: 60px;
	text-align: right;
	margin-right: 5px;
	margin-bottom: 3px;
	color: #56cea6;
}

.wonode_detail .handleByValue, .wonode_detail .handleDateValue {
	display: inline-block;
}

#lockScreen {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #333C4F;
	z-index: 999999;
	perspective: 340px;
	overflow: hidden;
}

#lockScreen .errorTip {
	color: #ffe0b1;
	font-size: 13px;
	line-height: 50px;
}

#lockScreen .lockBox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
}

#lockScreen .passBox{
	display: flex;
	align-items: center;
}

#lockScreen .passBox input {
	flex: 1;
	margin-right: 12px;
	background: transparent;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #efefef;
	box-shadow: 0 0 9px 1px rgba(255, 255, 255, 0.3);
	color: #fff;
	padding-left: 10px;
}

#lockScreen .passBox input::-webkit-input-placeholder {
	color: #ccc;
}

#lockScreen .close {
	background: rgba(0,0,0,0.5);
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
	background-blend-mode: multiply,multiply;
	border: 0;
	height: 40px;
	color: #fff;
	box-shadow: 0 0 9px 1px rgba(255, 255, 255, 0.3);
	cursor: pointer;
}

#lockScreen .stars {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 2px;
	box-shadow: -238px 108px #f7f7f7, 193px -376px #f7f7f7, -1264px -60px #fafafa,
	145px -443px #c9c9c9, -1440px 37px #f7f7f7, 262px -136px #cfcfcf,
	212px 219px #e3e3e3, 319px 223px #c7c7c7, 1246px -51px #c9c9c9,
	308px 26px #e0e0e0, 147px 229px #e6e6e6, -1041px 450px #d1d1d1,
	671px 86px white, -921px 234px #f0f0f0, -957px 242px #e8e8e8,
	1249px -285px #d1d1d1, 741px 434px #d9d9d9, -1030px 330px #ededed,
	311px -475px #fcfcfc, -413px -105px #d4d4d4, 868px -435px #f7f7f7,
	-790px 289px #dbdbdb, 202px 427px #fcfcfc, -22px -158px #c9c9c9,
	-1294px -297px #cccccc, -63px 200px #f0f0f0, -592px -86px #f7f7f7,
	-732px 366px white, -1426px -262px #e8e8e8, 475px -400px #c9c9c9,
	-1442px -153px #f7f7f7, 1124px -219px #ededed, 701px 257px #f0f0f0,
	36px -179px #ebebeb, -937px 480px #f7f7f7, -267px -418px #f2f2f2,
	1467px 127px #cfcfcf, -1128px 274px #d1d1d1, -180px 430px #e0e0e0,
	624px 275px #fafafa, -473px 150px #e6e6e6, -537px -348px #d4d4d4,
	410px 455px #ebebeb, 497px -29px #cccccc, 416px -370px whitesmoke,
	977px 82px #c2c2c2, 1209px -222px #f0f0f0, 637px 360px #fcfcfc,
	-1049px 409px white, 959px 407px #c9c9c9, -1153px -168px #dedede,
	-437px -216px #dbdbdb, -572px 420px #fcfcfc, -228px 78px #dbdbdb,
	-925px 452px #cccccc, 244px 30px #c4c4c4, 453px -336px #dedede,
	993px -63px #c2c2c2, 670px -343px #d9d9d9, -1088px 344px #fcfcfc,
	-170px -153px #c4c4c4, 987px -208px #d1d1d1, 596px 166px #fcfcfc,
	-1362px -28px #c4c4c4, 1291px -106px #e3e3e3, -1128px 169px #ededed,
	1056px 367px #ebebeb, 261px -128px #cccccc, 1017px 401px #cccccc,
	1381px 245px #e3e3e3, 536px -113px #fafafa, -92px -217px #e3e3e3,
	1481px 268px #d1d1d1, 832px -345px #cccccc, -863px 138px #f0f0f0,
	-997px -412px #e3e3e3, -330px -260px #d9d9d9, 691px -39px #fcfcfc,
	-468px -135px #d6d6d6, -535px 405px #e8e8e8, -1289px -284px #e3e3e3,
	823px -225px #cccccc, -1172px -348px white, 505px -319px #ededed,
	94px -45px #ededed, -687px -64px #c7c7c7, -1133px -456px #f2f2f2,
	1357px 135px #e0e0e0, -919px -249px whitesmoke, 206px 32px white,
	1453px -338px #cccccc, -764px 83px #e8e8e8, 726px 85px #fafafa,
	205px 103px #e3e3e3, 85px 116px #d1d1d1, 1104px -121px #f0f0f0,
	649px -304px #dbdbdb, -313px 313px whitesmoke, 491px -419px #c9c9c9,
	-1405px 397px #cfcfcf, 30px -81px #e6e6e6;
	animation: fly 3s linear infinite;
	transform-style: preserve-3d;
}
#lockScreen .stars:before,
#lockScreen .stars:after {
	content: "";
	position: absolute;
	width: inherit;
	height: inherit;
	box-shadow: inherit;
}
#lockScreen .stars:before {
	transform: translateZ(-300px);
	animation: fade1 3s linear infinite;
}
#lockScreen .stars:after {
	transform: translateZ(-600px);
	animation: fade2 3s linear infinite;
}
@keyframes fly {
	from {
		transform: translateZ(0px);
	}
	to {
		transform: translateZ(300px);
	}
}
@keyframes fade1 {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}
@keyframes fade2 {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.5;
	}
}


.sp_videoAnswer.breath {
	opacity: 1;
	animation-name: btnbreath;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: btnbreath;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}

@keyframes btnbreath {
	from { opacity: 1; }
	50%  { opacity: 0.1; }
	to   { opacity: 1; }
}

@-webkit-keyframes btnbreath {
	from { opacity: 1; }
	50%  { opacity: 0.1; }
	to   { opacity: 1; }
}
/*openai*/
#open-ai-dialog {
	background-color: #f2f2f2;
	font-family: Arial, sans-serif;
	display: flex;
	height: 100%;
	width: 70%;
	flex-direction: column;
	/*border-radius: 20px;*/
}

.open-ai-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
	/*padding: 10px;*/
	display: flex;
	flex-direction: column;
	border-left: 1px solid #ddd;
	padding-left: 2px;
	/*border-radius: 20px;*/
}
.open-ai-chat-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

.open-ai-header {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.open-ai-chat-log {
	overflow-y: auto;
	/*padding: 10px;*/
	/*border: 1px solid #ddd;*/
	margin-bottom: 10px;
	flex:1;
	overflow: auto;
}

.open-ai-chat-input {
	display: flex;
	justify-content: space-between;
}
.open-ai-chat-input input[type="text"] {
	width: 85%;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-right: 10px;
}

.open-ai-chat-input button {
	padding: 5px 10px;
	width: 60px;
	background-color: #02aec7;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.open-ai-chat-message {
	display: flex;
	word-wrap: break-word;
	padding: 5px 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	/*align-items: center;*/
}
.open-ai-chat-message .message {
	max-width: 300px !important;
	background-color: #f2f2f2;
	padding: 4px;
	border-radius: 8px;
}
@keyframes pulse {
	0% { transform: scale(0.8); } /* 缩小 */
	50% { transform: scale(1); } /* 放大 */
	100% { transform: scale(0.8); } /* 再次缩小 */
}
#chat-gpt-btn {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #46b0ff;
	color: white;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	cursor: move;
	z-index: 10030;
}
#float-dyn-btn{
	cursor: move;
	z-index: 10030;
	width: 40px;
	height: 40px;
	position: absolute;
}

.chat-list-container .wislist_item{
	border: 1px solid !important;
	border-radius: 11px;

	margin: 3px 0
}